@function rem ($px) {
  @return ($px/124.2) + rem;
};
.search-container{
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  user-select: none;
  background-color: #f8f8f8;
  @at-root .search-header{
    padding: rem(25) 0 rem(25) rem(52);
    background-color: #fff;
    @at-root .search-group{
      vertical-align: middle;
      background-color: #f7f7f7;
      display: inline-block;
      width: rem(1009);
      height: rem(94);
      overflow: hidden;
      @at-root .search-icon{
        display: inline-block;
        width: rem(80);
        height: rem(80);
        background-size: rem(43);
        background-position: 50%;
        background-repeat: no-repeat;
        vertical-align: middle;
      }
      @at-root .search-input{
        width: rem(824);
        vertical-align: middle;
        height: rem(94);
        border: none;
        outline: none;
        background-color: inherit;
      }
      .search-icon__search{
        background-image: url('../images/icons/search-white-icon-69a3f21fd0.png');
      }
      .search-icon__delete{
        background-image: url("../images/icons/search-close-0e03ca04eb.png");
      }
    }
    @at-root .search-cancel{
      display: inline-block;
      width: rem(170);
      line-height: rem(94);
      text-align: center;
      vertical-align: middle;
    }
  }
  @at-root .search-body{
    margin-top: rem(21);
    background-color: #fff;
    padding: 0 rem(65);
    height: 100vh;
    @at-root .search-res__title,.search-rec__title{
      text-indent: rem(12);
      height: rem(175);
      background-color: #fff;
      color: #999;
      font-size: rem(43);
      font-weight: 600;
      line-height: rem(191);
    }
    @at-root .search-res, .search-rec{
      @at-root .search-res__item, .search-rec__item{
        display: inline-block;
        padding: 0 rem(31);
        line-height: rem(99);
        font-size: rem(43);
        color: #666;
        background-color: #f4f4f4;
        border-radius: 2px;
        margin-right: rem(53);
        margin-bottom: rem(48);
      }
      @at-root .search-res__hot{
        color: #fd5700;
      }
    }
  }
}
